<!--  -->
<template>
  <div class="empty-box">
    <div class="img-box">
      <img v-if="!porps.isSearch" src="../../assets/table_empty.png" alt="" />
      <img v-else src="../../assets/search_table_empty.png" />
      <p>
        {{ !porps.isSearch ? '这里空空如也~' : 'Sorry,木有找到您搜索的内容哦~' }}
      </p>
    </div>
  </div>
</template>

<script lang="ts" setup>
const porps = defineProps<{
  isSearch: boolean
}>()
</script>
<style scoped lang="scss">
.empty-box {
  text-align: center;
  img {
    margin: 0 atuo;
    width: 238px;
    height: 184px;
    margin-top: 26px;
    margin-bottom: 26px;
  }
  p {
    color: #818693;
  }
}
</style>
